import newsIndex from '@/views/news/index.vue'
import newsDetail from '@/views/news/detail.vue'

export default [
  {
    path: '/news',
    component: newsIndex
  },
  {
    // 动态路由参数，先定义后使用
    // path: '/detail/:id',
    // 可选路由参数  -- 地址栏中显示
    path: '/detail/:id?',
    // 命名路由  -- 用于导航所用，它是程序所用，不会在地址栏中显示
    name: 'detail',
    component: newsDetail,
    // 回调函数，返回一个对象，进行隐式传值
    // props: router => ({ name: '李四' })
    // 把动态路由参数，以props的方式在组件中获取
    props: true
  }
]
